<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>五四百年专题网站-北京大学</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.vm-carousel.css">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="shortcut icon" href="images/favicon.ico">
		<!-- [if lt IE 9]>
<script src="../../js/20190504/html5.js"  type="text/javascript"></script>
<script language="javascript" type="text/javascript">
self.location='/ztwz111/bnws/54brower.html';
</script>
<![endif] -->
		<!-- [if IE 9]>
<div id="ie9tips" style="position:fixed;top:15px;left:0;width:100%;text-align:center;color:#ccc;z-index:999999">您的浏览器版本过低，请升级到ie10以上或更换Chrome浏览器获得流畅的浏览效果！</div>
<![endif] -->
	</head>

	<body>
		<!-- main content -->
		<div id="fullpage">
			<div class="section section_first active">
				<div class="container">
					<div class="logo">
						<div class="logo_01"><a class="logo-pku" href="https://www.pku.edu.cn/" target="_blank"><img
									src="img/logo.png"></a><a class="logo-news" href="http://news.pku.edu.cn/"
								target="_blank"><img src=".img/54.jpg" alt=""></a></div>
						<a class="logo_02" href="index.htm"><img src="img/54.jpg" alt=""></a>
					</div>
				</div>
				<div class="sliders">
					<div class="listTitle03"><a href="tsws/index.htm"><img src="img/title01.png" alt=""></a></div>
					<ul class="vmcarousel-centered-infitine vmc-centered">
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src=".img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src=".img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src=".img/54.jpg" alt=""><img class="slide-icon-inner2" src=".img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
						<li><!--<a href="tsws/index.htm">--><a><span class="slide-icon01"><img class="slide-icon-inner1"
										src="img/54.jpg" alt=""><img class="slide-icon-inner2" src="img/54.jpg"
										alt=""></span><span class="slide_img"><img src="img/54.jpg" alt=""><span></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="section section_second">
				<div class="container clearfix">
					<div class="articleList01">
						<div class="listTitle01"><a href="jnhd/index.htm"><img src="img/54.jpg" alt=""></a></div>
						<ul class="listCon01">
							<li class="item-info01">
								<div>
									<span class="item-img01"><a class="imgResponsive"
											href="jnhd/6cb0883ff3d3407986e3edc414342921.htm"><img src="img/54.jpg"
												alt="" /></a></span>
									<h3 class="item-title01"><a
											href="jnhd/6cb0883ff3d3407986e3edc414342921.htm">马克思主义在中国的早期传播学术研讨会暨《马藏》首发仪式在北京大学举行</a>
									</h3>
									<p class="item-date01">2019/05/04</p>
								</div>
							</li>
							<li class="item-info01">
								<div>
									<span class="item-img01"><a class="imgResponsive"
											href="jnhd/596d83b984ca4dc084cdbaa020f6100b.htm"><img src="img/54.jpg"
												alt="" /></a></span>
									<h3 class="item-title01"><a
											href="jnhd/596d83b984ca4dc084cdbaa020f6100b.htm">纪念五四运动100周年学术研讨会暨五四运动研究中心成立仪式在北大举行</a>
									</h3>
									<p class="item-date01">2019/05/04</p>
								</div>
							</li>
						</ul>
						<div class="listCon02">
							<ul class="list01 list02">
								<li>
									<h3 class="item-title01"><a
											href="jnhd/9603682408f9458e9ac374950de97791.htm">图书馆党委组织多个党支部参观北京大学校史馆展览</a>
									</h3>
									<p class="item-date01">2019/06/19</p>
								</li>
								<li>
									<h3 class="item-title01"><a
											href="jnhd/396d1637823040309927c210c43fc22e.htm">继续教育学院党总支开展“追忆光辉历史，不忘奋斗初心”主题学习教育活动</a>
									</h3>
									<p class="item-date01">2019/06/03</p>
								</li>
								<li>
									<h3 class="item-title01"><a
											href="jnhd/b69ab7609fd048a1bbb03927a3e998ba.htm">经济学院联合中国工商银行牡丹卡中心举办“青春心向党，建功新时代”五四主题党团日活动</a>
									</h3>
									<p class="item-date01">2019/05/29</p>
								</li>
							</ul>
							<ul class="list01">
								<li>
									<h3 class="item-title01"><a
											href="jnhd/33cd1d98386d4bd2922c6e1b0b11c793.htm">心理与认知科学学院举行“迎百年五四，做时代新人”主题团校结业典礼</a>
									</h3>
									<p class="item-date01">2019/05/28</p>
								</li>
								<li>
									<h3 class="item-title01"><a
											href="jnhd/f12b8cddf3054a7bb29f1eee82a4567e.htm">五四运动强国志，百廿历史歌芳华——历史学系团委纪念五四运动一百周年侧记</a>
									</h3>
									<p class="item-date01">2019/05/24</p>
								</li>
								<li>
									<h3 class="item-title01"><a
											href="jnhd/1685887e9bf94105a00a24b4acfe2af2.htm">计算机所教职工参观“北京大学与五四运动——五四爱国运动100周年纪念展”</a>
									</h3>
									<p class="item-date01">2019/05/23</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="articleList02">
						<div class="listTitle01"><a href="mtsy/index.htm"><img src="img/54.jpg" alt=""></a></div>
						<ul class="list03">
							<li>
								<span class="media-icon"><img src="img/54.jpg" alt=""></span>
								<h3 class="item-title01"><a
										href="mtsy/133887bf1c384cd78833ed7055c71063.htm">这里是北大，来看青春的模样！</a></h3>
								<p class="item-date01">2019/05/16</p>
							</li>
							<li>
								<span class="media-icon"><img src="img/54.jpg" alt=""></span>
								<h3 class="item-title01"><a
										href="mtsy/f10d476dcb324d8f8a68375f90dd42bf.htm">以奋斗与担当写下青春诗行</a></h3>
								<p class="item-date01">2019/05/13</p>
							</li>
							<li>
								<span class="media-icon"><img src="img/54.jpg" alt=""></span>
								<h3 class="item-title01"><a href="mtsy/bbdf0852ea4b4fe793b1f1af5d4d72b9.htm">纪念五四运动100周年
										北大共青团开展主题团日活动</a></h3>
								<p class="item-date01">2019/05/06</p>
							</li>
							<li>
								<span class="media-icon"><img src=".img/54.jpg" alt=""></span>
								<h3 class="item-title01"><a href="mtsy/10e59b7f182143ed89d3d05a549fd8db.htm">五四百年
										青春之歌</a></h3>
								<p class="item-date01">2019/05/05</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="section section_third">
				<div class="container clearfix">
					<div class="col lf">
						<div class="articleList03">
							<div class="listTitle01"><a href="qnfc/index.htm"><img src="img/54.jpg" alt=""></a></div>
							<ul class="list04">
								<li>
									<span class="item-img04"><a class="imgResponsive"
											href="qnfc/fa29b2e217e542338e6b6c901b32ba93.htm"><img src="img/54.jpg"
												alt="" /></a></span>
									<div class="item-txt04">
										<p class="item-date01">2019/05/31</p>
										<h3 class="item-title01"><a
												href="qnfc/fa29b2e217e542338e6b6c901b32ba93.htm">杨晓菲：激光核谱学领域的新锐科学家</a>
										</h3>
									</div>
								</li>
								<li>
									<span class="item-img04"><a class="imgResponsive"
											href="qnfc/d98b579f2e204770a17ddef5f8863643.htm"><img src="img/54.jpg"
												alt="" /></a></span>
									<div class="item-txt04">
										<p class="item-date01">2019/05/22</p>
										<h3 class="item-title01"><a
												href="qnfc/d98b579f2e204770a17ddef5f8863643.htm">颜学庆：科研之路漫漫而修远</a></h3>
									</div>
								</li>
								<li>
									<span class="item-img04"><a class="imgResponsive"
											href="qnfc/031b3419448e44fdb8d6d96e4b9201e8.htm"><img src="img/54.jpg"
												alt="" /></a></span>
									<div class="item-txt04">
										<p class="item-date01">2019/05/20</p>
										<h3 class="item-title01"><a
												href="qnfc/031b3419448e44fdb8d6d96e4b9201e8.htm">宗立冬：一名基层干部的养成</a></h3>
									</div>
								</li>
							</ul>
							<div class="clear"></div>
						</div>
					</div>
					<div class="col rt">
						<div class="articleList04">
							<div class="listTitle01"><a href="wsps/index.htm"><img src="img/54.jpg" alt=""></a></div>
							<ul class="list05">
								<li><a href="wsps/f4e89d4b1a17493aa36f38afb1e1d401.htm">
										<h3>五四精神与中国道路</h3>
										<p> 五四风雷，百年激荡。在五四运动100周年这个具有特殊意义的历史时刻，习近平总书记发表重要讲话，深切缅怀五... </p>
										<span class="item-date05"><strong>20</strong><i>2019/05</i></span>
									</a></li>
								<li><a href="wsps/a609519cbe0e4e1c9ccdb90201267ba9.htm">
										<h3>青春不负新时代</h3>
										<p> 习近平总书记在纪念五四运动100周年大会上的重要讲话中鲜明指出，五四运动“是中国旧民主主义革命走向新民主... </p>
										<span class="item-date05"><strong>17</strong><i>2019/05</i></span>
									</a></li>
							</ul>
							<div class="clear"></div>
						</div>
						<div class="articleList05">
							<div class="listTitle01"><a href="shgc/index.htm"><img src="img/54.jpg" alt=""></a></div>
							<ul class="list06">
								<li>
									<span class="item-date06"><i>2019/05</i><strong>20</strong></span>
									<a href="shgc/72ffa13edee64b5ab6b7e041d2aeb91a.htm">唐铎：回忆五四时期的留法勤工俭学运动</a>
								</li>
								<li>
									<span class="item-date06"><i>2019/05</i><strong>13</strong></span>
									<a href="shgc/0ec613b9ab8d4e28a45cb7e1502a4b95.htm">候仁之：五四前夕忆红楼</a>
								</li>
								<li>
									<span class="item-date06"><i>2019/05</i><strong>06</strong></span>
									<a href="shgc/054b6c9c3b874a9492b87eff59a8cf35.htm">罗家伦：回忆《新潮》和五四运动</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
			<div class="section section_forth fp-auto-height">
				<footer class="footer">

					<div><span>版权所有 &copy; 北京大学党委宣传部</span> <strong>|</strong>
						<span>地址：北京市海淀区颐和园路5号</span> <strong>|</strong>
						<span>邮编：100871</span> <br>
						<span><a href="http://news.pku.edu.cn/tgxz/index.htm"
								target="_blank">投稿须知</a></span><strong>|</strong>
						<span>新闻热线：010-62756381</span><strong>|</strong>
						<span>投稿邮箱：news@pku.edu.cn</span>
					</div>

					<script>
						function createHttpRequest() {
							if (window.XMLHttpRequest) {
								return new XMLHttpRequest()
							} else {
								if (window.ActiveXObject) {
									return new ActiveXObject("Microsoft.XMLHTTP")
								}
							}
						}

						function myPost(url, data, fn) {
							var req = createHttpRequest();
							req.open("POST", url, true);
							req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
							req.onreadystatechange = function() {
								if (req.readyState == 4 && (req.status == 200 || req.status == 304)) {
									if (fn) {
										fn.call(this, req.responseText)
									}
								}
							};
							req.send(toParam(data))
						}

						function myGet(url, fn) {
							var req = createHttpRequest();
							req.open("GET", url, true);
							req.onreadystatechange = function() {
								if (req.readyState == 4 && req.status == 200 || req.status == 304) {
									if (fn) {
										fn.call(this, JSON.parse(req.responseText))
									}
								}
							};
							req.send()
						}

						function toParam(data) {
							var str = "";
							if (data) {
								var dk;
								for (var key in data) {
									try {
										dk = filter034(data[key]);
										str += key + "=" + dk + "&"
									} catch (e) {}
								}
								str = str.slice(0, -1)
							}
							return str
						}

						function filter034(param) {
							try {
								if (param) {
									if (param.toString().indexOf('&#034;') > -1) {
										return param.toString().replaceAll('&#034;', '')
									}
								}
							} catch (e) {
								console.log(e)
							}
							return param
						}
						var Ajax = {
							get: function(url, data, fn) {
								url = url + "?" + toParam(data);
								myGet(url, fn)
							},
							post: function(url, data, fn) {
								myPost(url, data, fn)
							}
						};
						var collect = function(data) {
							try {
								var organId = "4cf3f6a503fd4e23b497dfd797badce5";
								var organName = "北京大学新闻网";
								var siteId = encodeURI("2");
								var siteName = encodeURI("北大新闻网");
								var channelId = encodeURI("c4c0c87e228f492cad30c5417e10b5c4");
								var channelName = encodeURI("百年五四");
								var articleId = encodeURI("$curArticle.id");
								var articleName = encodeURI("$curArticle.name");
								var url = location.href;
								if (!organId || !organName) {
									return
								}
								data.organId = organId;
								data.organName = organName;
								if (!siteId || !siteName) {
									return
								}
								data.siteId = siteId;
								data.siteName = siteName;
								if (channelId && channelName) {
									data.channelId = channelId;
									data.channelName = channelName
								}
								if (articleId && articleName) {
									data.articleId = articleId;
									data.articleName = articleName
								}
								if (url) {
									data.url = url
								}
								return data
							} catch (e) {}
						};
						var req1 = function(url, data) {
							Ajax.post(url, data, function(re) {})
						};
						var req2 = function(url, data) {
							Ajax.get(url, data, function(re) {
								try {
									document.getElementById("visit_count").innerHTML = re.body.visitCount
								} catch (e) {}
							})
						};
						var collect1 = function(data) {
							var url = "https://cloud.gpowersoft.com/collector/visit/write";
							req1(url, data)
						};
						var collect2 = function(data) {
							var url = "https://cloud.gpowersoft.com/collector/visit/total/article/get";
							var countData = {};
							countData.organId = data.organId;
							countData.siteId = data.siteId;
							countData.articleId = data.articleId;
							req2(url, countData)
						};
						var visitTime;
						var ready123 = function() {
							try {
								var data = {};
								data.duration = 10000;
								data = collect(data);
								collect1(data);
								collect2(data);
								visitTime = new Date().getTime()
							} catch (e) {
								console.log(e.message)
							}
						};
						ready123();
						var flag = false;
						window.onbeforeunload = function() {
							try {
								flag = true;
								var data = {};
								var now = new Date().getTime();
								if (visitTime && now > visitTime) {
									data.duration = now - visitTime;
									data = collect(data);
									collect1(data)
								}
							} catch (e) {
								console.log(e.message)
							}
						};
					</script>
				</footer>
			</div>

			<ul id="menu">
				<li data-menuanchor="pageFirst" class="active"><a href="#pageFirst">图说五四</a></li>
				<li data-menuanchor="pageSecond"><a href="#pageSecond">纪念活动</a><a href="#pageSecond">媒体声音</a></li>
				<li data-menuanchor="pageThird"><a href="#pageThird">青年风采</a><a href="#pageThird">五四评说</a><a
						href="#pageThird">史海钩沉</a></li>
				<!-- <li data-menuanchor="pageForth"><a href="#pageForth"></a></li> -->
			</ul>
		</div>
		<script src="js/jquery-1.11.0.min.js"></script>
		<script src="js/jquery.fullPage.min.js"></script>
		<script src="js/modernizr.js"></script>
		<!-- <script src="../../js/20190504/bootstrap.min.js"></script> -->
		<script src="js/jquery.vm-carousel.js"></script>
		<script src="js/index.js"></script>
		<script src="js/script.js"></script>
		<script>
			$(window).resize(function() {
				listWidth()
			})
			listWidth()

			function listWidth() {
				var windowWidth = $(window).width();
				if (windowWidth <= 480) {
					x = 1;
				} else {
					x = 3
				}
				$('.vmcarousel-centered-infitine').vmcarousel({
					centered: true,
					start_item: 0,
					autoplay: true,
					items_to_show: x,
					infinite: true,
					// changed_slide: $.noop()
				});
			}
			$('.sliders img').bind("contextmenu", function(e) {
				e.preventDefault();
				alert('本站图片禁止保存！');
			});
		</script>
		<script type="text/javascript">
			jQuery.ajax({
				url: '/wm/api/visit/write/channel',
				type: 'get',
				data: {
					siteID: '8c27de1ddf9f47e3a1fd5dd44c67b62e',
					channelID: 'c4c0c87e228f492cad30c5417e10b5c4',
					channelName: encodeURIComponent("百年五四")
				}
			})
		</script>

		<script type="text/javascript">
			jQuery.ajax({
				url: '/wm/api/visit/write/site',
				type: 'get',
				data: {
					siteID: '8c27de1ddf9f47e3a1fd5dd44c67b62e'
				}
			})
		</script>
	</body>
</html>